<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>兄弟选择器[相邻+通用]+通用选择器</title>
		<style>
			/* 通用选择器  语法：*{} 
			            功能：设置全局样式，把body中所有的元素全部选中*/
			*{
				color: #20ffe5;
				font-size: 18px;
			}
			/* 相邻兄弟选择器  语法：选择器+选择器 
			                  功能：选择紧邻当前选择器后面的兄弟元素*/
           /* h1~p{
 			   font-size: 20px;
			   color: #55ff00;
							  }
		   h1+p{
			   font-size: 48px;
			   color: #ffaa7f;
		   }
		   /* 通用兄弟选择器   语法：选择器~选择器 
		                      功能：选择当前选择器后面的兄弟元素*/
		   */
		</style>
	</head>
	<body>
		<h1>兄弟/通用选择器</h1>
		<p>兄弟1</p>
		<p>兄弟2</p>
	</body>
</html>